@import'./_retive.scss';
@import './_common.scss';
// 主体部分
.pyg_mian {
    height: 100%;
    margin-top: 3px;
    display: flex;
    .pyg_cateLeft {
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
        >ul {
            width: 100px;
            height: 100%;
            background-color: #efeff4;
            overflow: scroll;
            >li {
                height: 50px;
                line-height: 50px;
                text-align: center;
                border-bottom: 1px solid #ccc;
                &.active {
                    background-color: #fff;
                    border-left: 3px solid #0094ff;
                }
            }
        }
    }
    .pyg_cateRight {
        flex: 1;
        width: 100%;
        height: 100%;
        overflow: scroll;
        .pyg_cateRightList {
            width: 100%;
            padding: 10px;
            h3 {
                color: #0094ff;
                padding: 5px 0;
                font-size: 14px;
            }
            ul {
                li {
                    width: 33.33%;
                    float: left;
                    padding: 10px;
                    text-align: center;
                    img {
                        width: 100%;
                        display: block;
                    }
                    p {
                        font-size: 14px;
                    }
                }
            }
        }
    }
}